
<html manifest="IGNORE.manifest" lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<!DOCTYPE html>
<html manifest="IGNORE.manifest" lang="en">
<head>
    <meta charset="UTF-8">
    <title>自助装修领导者</title>
    <script type="text/javascript" src="../js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js'}"></script>
    <script type="text/javascript" src="../js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js'}"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" th:src="'http://res.wx.qq.com/open/js/jweixin-1.2.0.js'"></script>

    <!-- <script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script> -->
    <link rel="stylesheet" type="text/css" href="../css/zdialog.css"  th:href="@{${uiPath} + ${appName} + '/css/zdialog.css'}"/>

    <link rel="stylesheet" type="text/css" href="./css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/index.css" th:href="@{${uiPath} + ${appName} + '/css/index.css'}"/>
    <link rel="stylesheet" type="text/css" href="./css/swiper.min.css"th:href="@{${uiPath} + ${appName} + '/css/swiper.min.css'}"/>
    <script type="text/javascript" src="../js/zdialog.js" th:src="@{${uiPath} + ${appName} + '/js/zdialog.js'}"></script>

    <!-- <link rel="stylesheet" type="text/css" href="css/animate.min.css" /> -->
</head>
<body>
<i id="baseUrl" href="${base}"></i>
<div class="zong">
    <div class="toubu">

        <div class="pdp">
            <img class="dingwei" src="../images/raw_1503289426.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503289426.png'}">
            <input class="bitoati" type="text" placeholder=" 请输入商品名称，如地板、吊顶、墙纸">
            <img class="sousuo" src="../images/sousuo.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/sousuo.png'}">
            <input type="hidden" id="regId" th:value="${user.regionId}">
            <input type="hidden" id="stateId" th:value="2">
            <p class="citylistdian"  th:text="${user.regionName}" ></p>
          <!--      <select class="selecity">
                    <option value="济南" th:value="${user.regionId}">济南</option>
                    <option value="青岛">青岛</option>
                    <option value="临沂">临沂</option>
                    <option value="泰安">泰安</option>
                </select>-->
        </div>
    </div>
    <div class="kuai"> </div>
    <div id="asd" class="swiper-container swiper-container-h">
        <div class="swiper-wrapper">
            <div class="swiper-slide " data-swiper-autoplay="10000">
                <div class="indextou">
                    <img src="../images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="indextou">
                    <img src="../images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="indextou">
                    <img src="../images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
                </div>
            </div>
        </div>
    </div>
    <div id="asd" class="swiper-container swiper-container-h2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="xuanzequ">
                    <a th:href="@{'/designerIndex/lockSheji'}">
                        <div class="daohanglan">
                            <img class="daobhangtu" src="../images/hzf_ic_category_0.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_0.png'}">
                            <p class="daohantitle">房屋设计</p>
                        </div>
                    </a>
                    <a th:href="@{'/ownerIndex/lockSheji'}">
                        <div class="daohanglan">
                            <img class="daobhangtu" src="../images/hzf_ic_category_1.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_1.png'}">
                            <p class="daohantitle">找工长</p>
                        </div>
                    </a>
                    <div class="daohanglan pindanyixa">
                        <img class="daobhangtu" src="../images/hzf_ic_category_2.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_2.png'}">
                        <p class="daohantitle">拼单</p>
                    </div>
                    <div class="daohanglan">
                        <img class="daobhangtu" src="../images/hzf_ic_category_3.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_3.png'}">
                        <p class="daohantitle">法律咨询</p>
                    </div>
                    <a ></a>
                    <a th:href="@{'/materialGoodsIndex/cailiao'}">
                        <div class="daohanglan bendicailisosc">
                            <img class="daobhangtu" src="../images/hzf_ic_category_4.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_4.png'}">
                            <p class="daohantitle">材料市场</p>
                        </div>
                    </a>
                    <a th:href="@{'/materialGoodsIndex/cailiao'}">
                        <div class="daohanglan bendipinpailis">
                            <img class="daobhangtu" src="../images/hzf_ic_category_5.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_5.png'}">
                            <p class="daohantitle">品牌商城</p>
                        </div>
                    </a>
                    <a th:href="@{'/materialGoodsIndex/cailiao'}">
                        <div class="daohanglan changjiazhixiaoindex">
                            <img class="daobhangtu" src="../images/hzf_ic_category_6.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_6.png'}">
                            <p class="daohantitle">厂家直销</p>
                        </div>
                    </a>

                    <div class="daohanglan">
                        <img class="daobhangtu" src="../images/dai.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/dai.png'}">
                        <p class="daohantitle">装修贷</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_8.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_8.png'}">
                        <p class="daohantitle">家具家纺</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_12.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_12.png'}">
                        <p class="daohantitle">五金机电建材</p>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="xuanzequ">

                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/shuazi.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/shuazi.png'}">
                        <p class="daohantitle">翻新维修</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/banjia.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/banjia.png'}">
                        <p class="daohantitle">搬家</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_9.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_9.png'}">
                        <p class="daohantitle">论坛</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_10.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_10.png'}">
                        <p class="daohantitle">业主之家</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_11.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_11.png'}">
                        <p class="daohantitle">工友会</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/zhufang.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/zhufang.png'}">
                        <p class="daohantitle">房屋租赁</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/yipai.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/yipai.png'}">
                        <p class="daohantitle">书画名家</p>
                    </div>


                </div>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>

    <div class="shishishuju">
        <div class="baotupian">
            <img class="yezhutouxiang" src="../images/gongxi.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/gongxi.png'}">
        </div>
        <div id="asd" class="swiper-container swiper-container-h3">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="yezhu">
                        <dl>
                            <dd class="yezhueq">
                                <p class="yeuzd"><span>李**</span> <span class="dianhua">183****1861</span></p>
                                <p class="maiwup">成交:</p>
                                <p class="shijianmai2"><span class="goumaishir">购买实木木地板100平米</span></p>
                                <p class="shijianmai">今天</p>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="yezhu">
                        <dl>
                            <!--  <dt class="yezhuqu">
                                 <img class="yezhutouxiang" src="../images/gongxi.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504156605.png'}">
                             </dt> -->
                            <dd class="yezhueq">
                                <p class="yeuzd"><span>王**</span> <span class="dianhua">183****1861</span></p>
                                <p class="maiwup">成交:</p>
                                <p class="shijianmai2"><span class="goumaishir">购买实木木地板100平米</span></p>
                                <p class="shijianmai">今天</p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="shishishuju bixuke">
        <p class="shishititle">装修必看(如何省30%)</p>
        <p class="dianjijinru">点击进入</p>
        <p class="rihgjk"></p>
    </div>
    <div class="kuozhan"></div>
    <!-- 客户 -->
    <div th:include="/hzf-wxplatform-web/CLS/footer.html::frofile('5')"></div>

    <script type="text/javascript" src="../js/swiper.min.js" th:src="@{${uiPath} + ${appName} + '/js/swiper.min.js'}"></script>

    <script type="text/javascript" src="../js/index.js" th:src="@{${uiPath} + ${appName} + '/js/index.js'}"></script>
    <script type="text/javascript" src="../js/share.js" th:src="@{${uiPath} + ${appName} + '/js/share.js'}"></script>

</body>
</html>